// 按需导入 mapGetters 辅助方法
import {mapGetters} from 'vuex'

export default {
  // 计算属性
  computed: {
    // 将 m_cart 模块中的 total 映射为当前页面的计算属性
    ...mapGetters('m_cart' , ['total'])
  },
  watch: {
    // 监听total值得变化
    total(){
      // 重新调用methods中的setBadge方法为tabbar的数字徽标赋值
      this.setBadge()
    }
  },
  methods: {
    setBadge(){
      uni.setTabBarBadge({
        index: 2, //索引，tabBar的哪一项，从左边算起
        text: this.total + '' //显示的文本，不超过3个半角字符，text 的值必须是字符串，不能是数字
      })
    }
  },
  // 监听页面显示
  onShow(){
    this.setBadge()
  }
}